기존 고객에 맞게 사용자 환경 맞춤설정

Shared Storage 워크렛을 사용하여 사전 분류된 고객을 식별합니다.

Shared Storage API는 다양한 사용 사례를 지원하는 범용 크로스 사이트 스토리지를 위한 개인 정보 보호 샌드박스 제안입니다. 한 가지 예로 Chrome 104.0.5086.0 이상에서 테스트할 수 있는 알려진 고객 식별을 들 수 있습니다.

사용자가 사이트에 등록했는지 여부를 Shared Storage에 저장한 다음 저장된 사용자 상태 (사용자가 '알려진' 고객인지 여부)에 따라 별도의 요소를 렌더링할 수 있습니다.

알려진 고객 설정

공유 저장소에서 알려진 고객을 식별하는 실험을 하려면 Chrome 104.0.5086.0 이상을 사용하고 있는지 확인하세요. chrome://settings/adPrivacy 아래의 모든 광고 개인 정보 보호 API를 사용 설정합니다.

명령줄에서 --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames 플래그를 사용하여 공유 저장소를 사용 설정할 수도 있습니다.

코드 샘플로 실험하기

사용자가 다른 사이트에서 확인되었는지에 따라 다른 요소를 렌더링할 수 있습니다. 예를 들어 결제 제공업체는 사용자가 결제 제공업체의 사이트에 등록했는지에 따라 '등록' 또는 '지금 구매' 버튼을 렌더링할 수 있습니다. 공유 저장소는 사용자 상태를 설정하고 해당 상태에 따라 사용자 환경을 맞춤설정하는 데 사용할 수 있습니다.

이 예에서는 다음과 같이 정의됩니다.

  • known-customer.js가 프레임에 삽입됩니다. 이 스크립트는 사이트에 표시할 버튼('등록' 또는 '지금 구매')의 옵션을 설정합니다.
  • known-customer-worklet.js는 사용자가 알려진 사용자인지 확인하는 공유 저장소 워크렛입니다. 사용자가 알려진 경우 정보가 반환됩니다. 알 수 없는 사용자인 경우 이 정보가 반환되어 '등록' 버튼이 표시되고 나중에 사용자를 알 수 있는 사용자로 표시됩니다.

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

사용 사례

Select URL API의 사용 가능한 모든 사용 사례는 이 섹션에서 확인할 수 있습니다. Google은 의견을 받고 새로운 테스트 사례를 발견할 때마다 예시를 계속 추가할 예정입니다.

  • 광고 소재 순환: 광고 소재 ID 및 사용자 상호작용과 같은 데이터를 저장하여 사용자가 여러 사이트에서 어떤 광고 소재를 보게 될지 결정합니다.
  • 게재빈도별 광고 소재 선택: 조회수 데이터를 사용하여 사용자가 여러 사이트에서 보는 광고 소재를 결정합니다.
  • A/B 테스트 실행: 사용자를 실험 그룹에 할당한 후 해당 그룹을 Shared Storage에 저장하여 교차 사이트에서 액세스할 수 있습니다.
  • 알려진 고객을 위한 환경 맞춤설정: 사용자의 등록 상태 또는 기타 사용자 상태를 기반으로 맞춤 콘텐츠와 클릭 유도 문구를 공유합니다.

참여 및 의견 공유

Select URL API 제안은 현재 논의 및 개발 중이며 변경될 수 있습니다.

Select URL API에 대한 의견을 보내주세요.

최신 정보 확인하기

  • 메일링 리스트: 메일링 리스트를 구독하여 Select URL 및 Shared Storage API와 관련된 최신 업데이트 및 공지사항을 확인하세요.

도움이 필요하신가요?